$(function(){
	// 轮播图数据
	var banner_list = [{"img":"imgs/duzhu.jpg","bname":"督主有病完结季上-第四集·对面不识"},
		{"img":"imgs/glory.jpg","bname":"《你是我的荣耀》第五集"},
		{"img":"imgs/earthshnagxian.jpg","bname":"《地球上线》第一季·第九集"},
		{"img":"imgs/gener.jpg","bname":"《哏儿》第一季 · 第一集"},
		{"img":"imgs/moumou.jpg","bname":"《某某》第二季 第三期"},
		{"img":"imgs/teaBrochure.jpg","bname":"《网恋翻车指南》广播剧主题曲"},
		{"img":"imgs/tulingmima.jpg","bname":"《图灵密码》第三季·第十集"},
		{"img":"imgs/wulin.jpg","bname":"《武林也要与时俱进》第六集"},
		{"img":"imgs/xiangjianhuan.jpg","bname":"《相见欢》第三季·第十五集"}];
	
	function Carousel(obj){
		this.img = obj.img;
		this.bname = obj.bname;
	}
	Carousel.prototype = {
		init:function(){
			$(`<li class="track01">
					<a href="#">
						<img src="`+this.img+`" >
						<p class="banner_title">
							<span>`+this.bname+`</span>
						</p>
					</a>
				</li>`).appendTo($(".slide_container"));
		},
		initdot:function(){
			$(`<li class="dot"></li>`).appendTo($(".slide_dot"));
		},
		right:function(){
			$(`<li>
					<img src="`+this.img+`" >
					<p class="sounds_title">`+this.bname+`</p>
				</li>`).appendTo($(".hot_sounds"));
		}
		
	}
	$.each(banner_list,function(i,e){
		var caro = new Carousel(e);
		caro.init();
		caro.initdot();
	})
	
	$(".track01").eq(0).animate({"left":"0%","opacity": 1,"z-index": 1});
	$(".dot").eq(0).addClass("active");
	
	var timer = setInterval(Change,3000);
	var n=0;
	function Change(){
		if(n>=$(".track01").length){
			n=0;
		}
		$(".track01").eq(n).css({"left":"0%","opacity": 1,"z-index": 1}).prevAll().css({"left":"-100%","opacity": 1,"z-index": 0});
		$(".track01").eq(n).nextAll().css({"left":"100%","opacity": 1,"z-index": 0});
		$(".dot").eq(n).addClass("active").siblings().removeClass("active")
		n++;
	}
	$(".page_slide").mouseover(function(){
		clearInterval(timer);
	})
	$(".page_slide").mouseout(function(){
		timer = setInterval(Change,3000);
	})
	$(".dot").click(function(){
		n = $(this).index();
		Change()
	})
	
	
	var hot_sounds = [{"img":"imgs/yichan.png","bname":"有声漫《一禅小和尚》第一期看海"},
		{"img":"imgs/huangshang.jpg","bname":"不镜张原著|《皇上和他的在逃画师》广播剧·预告"},
		{"img":"imgs/buzhihuakaifou.jpg","bname":"【不知花开否】森川智之ⅹ近藤隆（铃木达央）01"},
		{"img":"imgs/cuoweishikong.jpg","bname":"【翻唱】错位时空"},
		{"img":"imgs/rain.jpg","bname":"【自然雨声】缓解压力 睡眠专用"},
		{"img":"imgs/reshou.png","bname":"001集 从巨星变成肥宅｜稳定更新 可放心追剧"}];
		
	$.each(hot_sounds,function(i,e){
		var sounds = new Carousel(e);
		sounds.right();
	})
	
	//  var trans = 'transition' in document.body.style;
	// //为当前窗口添加滚动条滚动事件（适用于所有可滚动的元素和 window 对象（浏览器窗口））
	// $(window).scroll(function(){
	// 	 //创建一个变量存储当前窗口下移的高度
	// 	// var scroTop = $(window).scrollTop();
	// 	// //判断当前窗口滚动高度
	// 	// //如果大于100，则显示顶部元素，否则隐藏顶部元素
	// 	// if(scroTop>600){
	// 	// 	$("#toTop").css("top","0px");
	// 	// 	$('#toTop').stop().slideDown(500);
	// 	// 	// $('#toTop').animate({"top":"0"},"fast");
	// 	// }else{
	// 	// 	$('#toTop').stop().slideUp(500);
	// 	// 	// $('#toTop').animate({"top":"-300px"},"fast");
	// 	// }
		
	// 	var sd = $(window).scrollTop()
	// 	if ( sd > 600 ) {
	// 		if ( trans ) {
	// 			$("#toTop").css('top', 0)
	// 		} else {
	// 			$("#toTop").fadeIn(500)
	// 		}
	// 	} else {
	// 		if ( trans ) {
	// 			$("#toTop").css('top', -$("#toTop").height() + 'px')
	// 		}
	// 		else {
	// 			$("#toTop").fadeOut(0)
	// 		}
	// 	}
	// })
	// $("#toTopHover").click(function(){
	// 	// $('#toTop').slideUp();
	// 	// // $("#toTop").css("top","-300px");
	// 	// $("html,body").animate({scrollTop:0},500);
		
	// 	$('html, body').animate({ scrollTop: 0 }, 1200, 'linear')
	// 	if ( trans ) {
	// 		// $("#toTop").css('top', -$("#toTop").height() + 'px')
	// 		$("#toTop").css('top', -300 + 'px')
	// 	} else {
	// 		$("#toTop").animate( { top: -$("#toTop").height() }, 500, 'linear', function () {
	// 			if ($(window).scrollTop() === 0) {
	// 				$("#toTop").css('top', -$("#toTop").height() + 'px')
	// 			}
	// 		})
	// 	}
	// })

	$(window).scroll(function () {
	   var scrollTop = $(this).scrollTop();
	   var scrollHeight = $(document).height();
	   var windowHeight = $(this).height();
	    if (scrollTop >= 500) {
			$("#toTop").css("top","0px")
			
	    }else{
			$("#toTop").css("top","-100%")
		}
	})
	$("#toTop").click(function(){
		 $('html , body').animate({scrollTop: 0},'slow');
	})

	// 导航栏滑过变色
	$(".header-nav>li").hover(function(){
		// $(".upload").css("background-color","#ee2c2c");
		var index=$(this).index();
		$(".header-content").children("ul:first").children("li:eq("+index+")").children("a").css("color","#CD3333");
		// $(".header-content").children("ul:last").children("li:eq(1)").children("a").css("color","#CD3333");
	},
	function(){
		var index=$(this).index();
		$(".header-content").children("ul:first").children("li:eq("+index+")").children().css("color","#fff")
		// $(this).children().css("color","#fff");
		// $(".upload").css("background-color","#cd3333");
	})
})